import styled from "styled-components";

export const DigitalAlbumWrapper = styled.div`
  width: 1100px;
  margin: 30px auto;
  background-color: #f9f9f9;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 30px;
  .left {
    .top {
      display: flex;
      align-items: center;
      .text {
        font-size: 28px;
        font-weight: 700;
        padding-left: 10px;
      }
    }
    .main {
      padding: 10px 0 20px 0;
      font-size: 16px;
    }
    .footer {
      font-size: 22px;
      font-weight: 600;
      cursor: pointer;
    }
  }
  .right {
    position: relative;
    .picStr {
      position: absolute;
      top: -113px;
      right: -36px;
    }
    .picStr1 {
      position: absolute;
      top: -37px;
      right: 129px;
    }
    .picStr2 {
      position: absolute;
      top: -47px;
      right: 57px;
    }
  }
`;
